/**
 * 对Drawer的配置
 */
import React from 'react';
import { 
  LayoutAnimation,
 } from 'react-native';
import { Icon } from 'react-native-elements';
import colorConfig from '../configs/colorConfig';

export default {
  Drawer: {
    tabBarLabel: '组件',
    tabBarIcon: ({ tintColor, focused }) => (
      <Icon
        name="microsoft"
        type="material-community"
        size={focused ? 28 : 25}
        color={tintColor}
      />
    ),
  },
  About: {
    tabBarLabel: '关于',
    tabBarIcon: ({ tintColor, focused }) => (
      <Icon
        name="bug-report"
        size={focused ? 28 : 25}
        color={tintColor}
      />
    ),
  },
  Home: {
    drawerLabel: 'Home',
    drawerIcon: ({ tintColor }) => (
      <Icon
        name="home"
        size={24}
        color={tintColor} />
    ),
  },
  ButtonPage: {
    drawerLabel: 'Button',
    drawerIcon: ({ tintColor }) => (
      <Icon
        name="ios-square"
        size={24}
        type="ionicon"
        color={tintColor} />
    ),
  },
  SpinnerPage: {
    drawerLabel: 'Spinner',
    drawerIcon: ({ tintColor }) => (
      <Icon
        name="spinner"
        size={24}
        type="font-awesome"
        color={tintColor} />
    ),
  },
  NavBarPage: {
    drawerLabel: 'NavBar',
    drawerIcon: ({ tintColor }) => (
      <Icon
        name="navicon"
        size={24}
        type="font-awesome"
        color={tintColor} />
    ),
  },
  ActionSheetPage: {
    drawerLabel: 'ActionSheet',
    drawerIcon: ({ tintColor }) => (
      <Icon
        name="text-document-inverted"
        size={24}
        type="entypo"
        color={tintColor} />
    ),
  },
  HTextPage: {
    drawerLabel: 'HText',
    drawerIcon: ({ tintColor }) => (
      <Icon
        name="text-fields"
        size={24}
        color={tintColor} />
    ),
  },
  BadgePage: {
    drawerLabel: 'Badge',
    drawerIcon: ({ tintColor }) => (
      <Icon
        name="brightness-1"
        size={24}
        color={tintColor} />
    ),
  },
  RootSiblingsPage: {
    drawerLabel: 'RootSiblings',
    drawerIcon: ({ tintColor }) => (
      <Icon
        name="500px-with-circle"
        size={24}
        type="entypo"
        color={tintColor} />
    ),
  },
  ToastPage: {
    drawerLabel: 'Toast',
    drawerIcon: ({ tintColor }) => (
      <Icon
        name="snapchat"
        size={24}
        type="material-community"
        color={tintColor} />
    ),
  },
  SegmentedControlPage: {
    drawerLabel: 'SegmentedControl',
    drawerIcon: ({ tintColor }) => (
      <Icon
        name="progress-full"
        size={24}
        type="entypo"
        color={tintColor} />
    ),
  },
  ScrollableTabViewPage: {
    drawerLabel: 'ScrollableTabView',
    drawerIcon: ({ tintColor }) => (
      <Icon
        name="view-column"
        size={24}
        color={tintColor} />
    ),
  },
  PopOverPage: {
    drawerLabel: 'PopOver',
    drawerIcon: ({ tintColor }) => (
      <Icon
        name="message"
        size={24}
        color={tintColor} />
    ),
  },
  ModalPage: {
    drawerLabel: 'Modal',
    drawerIcon: ({ tintColor }) => (
      <Icon
        name="credit-card"
        type="foundation"
        size={24}
        color={tintColor} />
    ),
  },
  GalleryPage: {
    drawerLabel: 'Gallery',
    drawerIcon: ({ tintColor }) => (
      <Icon
        name="image"
        size={24}
        color={tintColor} />
    ),
  },
};
